// base color
$green1: #91e9de;
$greenLight: #17BBA2;
$green: #00a289;
$greenGray: rgba(0, 162, 137, 0.5);
$orangePrimary: $green;
//背景
$bgColorLight2: #414652; //浅灰 目录树移动效果
$bgColorLight: #323642; //浅灰 整体、弹框
$bgColorGray: #2b2e39; //灰色 资源区背景、20230612之后的输入框背景
$bgColorDeep: #1d212e; //深灰 20230612之前的输入框背景、工作区切换背景

// sidebar
$menuText: #bfcbd9;
$menuActiveText: #409eff;
$subMenuActiveText: #f4f4f5; // https://github.com/ElemeFE/element/issues/12951

//边框,文字等前景色
$light: rgba(178, 181, 199, 0.4); //#B2B5C7 40%
$lightText: #DEE6FF; // 备选：#D9DCEA
$text: #d1d1d1;
$folderText: #a1a6c4;
$textInfo: #B2B5C7;
$textInfo2: #888C99; //次要文本
$textInfo3: #5F626F; //非常次要的文本
$textInfo4: #474D60;
$textInfo5: #3f4353;
$disableText: #545764;
$btnTextColor: #aeb1c0;

$inputbg: $bgColorDeep; //输入框背景、工作区切换背景
$menuBg: #3f4353;
$menuHover: #263445;

$subMenuBg: #1f2d3d;
$subMenuHover: #001528;

$splitBorderColor: #1C202E; // 分割线颜色


$sideBarWidth: 210px;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
    menuText: $menuText;
    menuActiveText: #91e9de;
    subMenuActiveText: $subMenuActiveText;
    menuBg: $menuBg;
    menuHover: $menuHover;
    subMenuBg: $subMenuBg;
    subMenuHover: $subMenuHover;
    sideBarWidth: $sideBarWidth;
}

//状态
$colorWarn: #FFBA00